<template>
    <div class="main">
        <div class="chat-box">
            <el-container>
                <el-aside width="200px">Aside</el-aside>
                <el-container>
                    <el-header>Header</el-header>
                    <el-main>Main</el-main>
                </el-container>
            </el-container>
        </div>

    </div>

</template>
<style scoped>
.main {
    background-color: #ebf2f2;
    width: 100%;
    height: 100%;
    position: fixed;
}
.chat-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15%;
}
</style>